<script>document.cookie="last=pages/editortexto.php";</script>

<?php
$tutorial=$step=1;
if($_COOKIE['so']=='w7'){$so="W7";$nombre_SO="Windows 7";}
if($_COOKIE['so']=='xp'){$so="XP";$nombre_SO="Windows XP";}
if($_COOKIE['so']=='android'){$so="Android";$nombre_SO="Android";}
?>

<link rel="stylesheet" type="text/css" media="all" href="css/wordpad.css">
<script src="js/text-editor.js"></script>

<p class="xl">Editor de texto enriquecido</p>
<p class="large separado"><u>Iniciar el editor</u></p>
<p>
	A través del siguiente tutorial, usted aprenderá a iniciar el editor de texto de su <?= $nombre_SO ?>
	de manera rápida y sencilla. A continuación se detalla una serie de pasos a seguir, que una vez aprendidos,
	usted podrá aplicar realmente en su <?= $nombre_SO ?> para acceder al editor de texto enriquecido.
</p>

<?php if($_COOKIE['so']=='w7') {?>
	<p id="T1S1">
		<b>Realice un clic <i>izquierdo</i> </b> sobre el botón de inicio de Windows 7
		<img id="start-button"
			 src="img/Escritorio/W7/W7_boton_de_inicio.png"
			 onmouseover="this.src='img/Escritorio/W7/W7_boton_de_inicio_bright.png';"
			 onmouseout="this.src='img/Escritorio/W7/W7_boton_de_inicio.png';"
			>
		<span id="T1S1-complete"></span>
	</p>
	<br>
	<div id="T1S2" style="display: none">
		<p><b>Realice un clic <i>izquierdo</i> </b> en la siguiente caja de texto
		<div id="textbox-area" style="text-align: left">
			<input id="text-area" maxlength="7" onfocus="this.value=''">
		</div>
		<span id="T1S2-complete"></span>
		</p>
	</div>

	<div id="T1S3" style="display: none">
		<p>Escriba <b>WORDPAD</b> y presione <img src="img/tecla-enter.png" height="48"> en su teclado.
			<span id="T1S3-complete"></span>
		</p>
	</div>
	<br>

	<div id="T1-complete" class="oculto">
		<p class="felicitacion">¡Felicitaciones, ha aprendido a iniciar el editor de texto enriquecido de <?= $nombre_SO ?> !</p>
		<p>Haga clic sobre el siguiente enlace para <a href="#" onclick="load('./pages/editortexto/portapapeles.php')">seguir aprendiendo</a>.</p>
	</div>
<?php }?>

<?php if($_COOKIE['so']=='xp') {?>
	<p id="T1S1">
		1- <b>Realice un clic <i>izquierdo</i> </b> sobre el botón de inicio de Windows XP
		<img id="start-button"
			 src="img/Escritorio/XP/XP_boton_de_inicio.png"
			 onmouseover="this.src='img/Escritorio/XP/XP_boton_de_inicio_bright.png';"
			 onmouseout="this.src='img/Escritorio/XP/XP_boton_de_inicio.png';"
			>
		<span id="T1S1-complete"></span>
	</p>

	<p id="T1S2" style="display: none">
		2- <b>Realice un clic <i>izquierdo</i> </b> sobre la opcion
		<img id="execute-button"
			 src="img/Escritorio/XP/XP_ejecutar.png"
			 onmouseover="this.src='img/Escritorio/XP/XP_ejecutar_blue.png';"
			 onmouseout="this.src='img/Escritorio/XP/XP_ejecutar.png';"
			>
		<span id="T1S2-complete"></span>
	</p>

	<div id="T1S3" style="display: none">
		<p>3- <b>Realice un clic <i>izquierdo</i> </b> en la siguiente caja de texto
		<div id="textbox-areaXP" style="text-align: left">
			<input id="text-areaXP" maxlength="7" onfocus="this.value=''">
		</div>
		<span id="T1S3-complete"></span>
		</p>
	</div>

	<div id="T1S4" style="display: none">
		<p>4- Escriba <b>WORDPAD</b> y presione <img src="img/tecla-enter.png" height="48"> en su teclado.
			<span id="T1S4-complete"></span>
		</p>
	</div>
	<br>

	<div id="T1-complete" class="oculto">
		<p class="felicitacion">¡Felicitaciones, ha aprendido a iniciar el editor de texto enriquecido de <?= $nombre_SO ?> !</p>
		<p>Haga clic sobre el siguiente enlace para <a href="#" onclick="load('./pages/editortexto/portapapeles.php')">seguir aprendiendo</a>.</p>
	</div>
<?php }?>

<?php if($_COOKIE['so']=='android') {?>
	<p>
	El siguiente tutorial se basa en el editor de texto enriquecido para Android, Office Suite Pro, 
	el cual no viene incorporado a su Android y por lo tanto deberá descargar dicha aplicación.
	Puede descargar Office Suite Pro totalmente gratis desde el siguiente enlace 
	<a href="http://officesuite-pro-7.uptodown.com/android/descargar" title="OfficeSuitePro" img>
	<img src="img/Escritorio/Android/Android_icono_office_suite.png" height="20">
	</a>
	</p>
	
	<p id="T1S1">
		1- <b>Presione</b>
			<img id="start-button"
			 src="img/Escritorio/Android/Android_boton_de_inicio.png"
			 onmouseover="this.src='img/Escritorio/Android/Android_boton_de_inicio_bright.png';"
			 onmouseout="this.src='img/Escritorio/Android/Android_boton_de_inicio.png';"
			>
			para visualizar sus aplicaciones.
		<span id="T1S1-complete"></span>
	</p>

	<p id="T1S2" style="display: none">
		2- <b>Presione</b> sobre la aplicacion
		<img id="execute-button"
			 src="img/Escritorio/Android/Android_icono_office_suite.png"
			 onmouseover="this.src='img/Escritorio/Android/Android_icono_office_suite_bright.png';"
			 onmouseout="this.src='img/Escritorio/Android/Android_icono_office_suite.png';"
			>
		<span id="T1S2-complete"></span>
	</p>

	<p id="T1S3" style="display: none">
		3- Usted visualizará varias herramientas de oficina, <b>presione</b>
		<img id="editor-button"
			 src="img/Escritorio/Android/Android_icono_editor.png"
			 onmouseover="this.src='img/Escritorio/Android/Android_icono_editor_bright.png';"
			 onmouseout="this.src='img/Escritorio/Android/Android_icono_editor.png';"
			>
		<span id="T1S3-complete"></span>
	</p>
	<br>

	<div id="T1-complete" class="oculto">
		<p class="felicitacion">¡Felicitaciones, ha aprendido a iniciar el editor de texto enriquecido de <?= $nombre_SO ?> !</p>
		<p>Haga clic sobre el siguiente enlace para <a href="#" onclick="load('./pages/editortexto/portapapeles.php')">seguir aprendiendo.</a></p>
	</div>
<?php }?>